.container-flex {
  display: flex;
  background-color: #fff;
}

.flex-between {
  justify-content: space-between;
  align-items: center;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-bf {
  justify-content: space-between;
  align-items: center;
}

.flex-af {
  justify-content: space-around;
  align-items: center;
}

.flex-items-center {
  align-items: center;
}

// 屏幕尺寸小于等于768px时使用
@media only screen and (max-width:768px) {
  .el-col {
    margin-bottom: 20px;
  }

  .xs-hidden {
    display: none;
  }
}

@media only screen and (max-width:1024px) {
  .el-col {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width:1200px) {
  .el-col {
    margin-bottom: 20px;
  }
}

// 覆盖elementplus样式
.el-container {
  min-height: 100vh;
}

.el-header {
  background-color: #fff;
  padding: 0 !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background: #bebcbc;
}

::-webkit-scrollbar-track {
  background: rgb(224, 222, 222);
}